<!--  -->
<template>
<div class="pageTitle">
    <div>{{name}}</div>
    <div><slot></slot></div>
</div>
</template>

<script setup>
import { toRefs } from 'vue'
const props = defineProps({
    name:String,
})
const {name} = toRefs(props)
</script>
<style lang='scss' scoped>
.pageTitle{
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 32px;
    font-size: 16px;
    color: #000;
    line-height: 32px;
    &.pointer{
        cursor: pointer;
    }
}
</style>
